<template>
	<div class="footer">
		<div>
			<i>09</i>
			<p>当天</p>
		</div>
		<div>
			<i>02</i>
			<p>当月</p>
		</div>
		<div>
			<i>20</i>
			<p>当年</p>
		</div>
	</div>
</template>

<script>
	export default{
		name: 'footerBar'
	}
</script>

<style lang="less" scoped="scoped">
	.footer{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: .44rem;
		display: flex;
		text-align: center;
		div{
			width: 33.33%;
			i{
				display: block;
				width: .24rem;
				height: .24rem;
				background-color: #E7EAED;
				border-radius: 50%;
				margin: 0 auto;
			}
			p{
				font-size: .14rem;
			}
		}
	}
</style>
